<template>
  <div>
    <div>Home : {{ count }}</div>
    <div><button @click="add">Add</button></div>
    <A :count="count" @add="add" />
  </div>
</template>

<script>
import A from '@/components/A.vue';

export default {
  data() {
    return {
      count: 0,
    };
  },
  components: { A },
  methods: {
    add() {
      this.count += 1;
    },
  },
};
</script>

<style>
</style>
